<template>
  <div class="member-user-box">
    <UserProduct/>
  </div>
</template>

<script>
import UserProduct from './components/UserProduct'

export default {
  name: 'user',
  components: {
    UserProduct
  },
  data () {
    return {
    }
  },
  watch: {
  },
  computed: {
  },
  methods: {

  },
  mounted () {
    const { title } = this.$route.query
    if (title) {
      this.title = title
      this.$setTitle(title)
    }
  },
  created () {
  }
}
</script>

<style lang="less">
.member-user-box {
  width: 100vw;
  min-height: 100vh;
  background-color: #f6f6f6;
  // background-color: #fff;
  // 底部菜单栏距离
  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    padding-bottom:calc(constant(safe-area-inset-bottom));
    padding-bottom:calc(env(safe-area-inset-bottom));
  }

}
</style>
